<div [style.height]="'100%'" style="position: relative;">
    <base-map
        (initFinish)="baseMapInitFinish()">
        <sb-layer-change *ngIf="showLayerChange"></sb-layer-change>
        <sb-map-zoom *ngIf="showMapZoom"></sb-map-zoom>
    </base-map>
    <div (click)="draw()" *ngIf="showDraw" class="un-locate-tip">
        <div style="margin: auto;">
            <span>当前未指定图形</span>
            <br>
            <span>点击开始</span>
            ”
            <span *ngIf="showPoint()" title="画点">画点</span>
            <span *ngIf="showLine()" title="画线">画线</span>
            <span *ngIf="showPolygon()" title="画面">画面</span>
            “
        </div>
    </div>
    <div [class.full]="isFull()" class="on-drawing">
        <button (nzOnConfirm)="clear()" *ngIf="showClear"
                nz-button
                nz-popconfirm
                nzCancelText="取消" nzOkText="确认"
                nzTitle="完全去除图形?"
                title="清除">
            <i nz-icon nzType="map:clear" theme="fill"></i>不画了
        </button>

        <button (click)="draw()" *ngIf="showReDraw" nz-button title="重绘">
            <i nz-icon nzType="map:redraw" theme="fill"></i>重绘
        </button>
        <button (click)="reset()" *ngIf="showReset" nz-button title="还原">
            <i nz-icon nzType="map:redraw" theme="fill"></i>还原
        </button>
        <button (click)="save()" *ngIf="showSave" nz-button title="保存">
            <i nz-icon nzType="map:save" theme="fill"></i>保存
        </button>
        <button (click)="modify()" *ngIf="showModify" nz-button title="修改">
            <i nz-icon nzType="map:modify" theme="fill"></i>修改
        </button>
    </div>
    <div class="full-screen">
        <button (click)="fullScreen()" *ngIf="!isFull()" nz-button title="全屏">
            <i nz-icon nzType="map:full-screen" theme="fill"></i></button>
        <button (click)="exitFullScreen()" *ngIf="isFull()" nz-button title="退出全屏">
            <i nz-icon nzType="map:exit-full-screen" theme="fill"></i></button>
    </div>
</div>
